<html dir="ltr" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
         <!--
        
        body, td, div, p, a, font, span {
            font-family: arial, sans-serif
        }
        
        body {
            margin-top: 2
        }
        
        .c {
            width: 4;
            height: 4
        }
        
        .bubble {
            background-color: #C3D9FF
        }
        
        .tl {
            padding: 0;
            width: 4;
            text-align: left;
            vertical-align: top
        }
        
        .tr {
            padding: 0;
            width: 4;
            text-align: right;
            vertical-align: top
        }
        
        .bl {
            padding: 0;
            width: 4;
            text-align: left;
            vertical-align: bottom
        }
        
        .br {
            padding: 0;
            width: 4;
            text-align: right;
            vertical-align: bottom
        }
        
        .caption {
            color: #000000;
            white-space: nowrap;
            background: #E8EEFA;
            text-align: center
        }
        
        .form-noindent {
            background-color: #ffffff;
            border: #C3D9FF 1px solid
        }
        
        .feature-image {
            padding: 15 0 0 0;
            vertical-align: top;
            text-align: right;
        }
        
        .feature-description {
            padding: 15 0 0 10;
            vertical-align: top;
            text-align: left;
        }
        / / -->
        </style>
        <style type="text/css">
         <!--
        
        .time {
            color: #999;
            margin: 0;
            padding: 0;
        }
        
        .post {
            padding: 0px;
            padding-top: 2px;
            padding-right: 10px
        }
        
        .snippet {
            margin-bottom: 5px;
        }
        / / -->
    </style>
    <link href="img/default.css" type="text/css" rel="stylesheet">
    <title> TimeStamp : Yet Another Time Management Service</title>
	
    <style type="text/css" charset="utf-8">
        /* See license.txt for terms of usage */
        .firebugHighlight {
            z-index: 2147483647;
            position: absolute;
            background-color: #3875d7;
        }
        
        .firebugLayoutBoxParent {
            z-index: 2147483647;
            position: absolute;
            background-color: transparent;
            border-right: 1px dashed #BBBBBB;
            border-bottom: 1px dashed #BBBBBB;
        }
        
        .firebugRulerH {
            position: absolute;
            top: -15px;
            left: 0;
            width: 100%;
            height: 14px;
            background: url(chrome://firebug/skin/rulerH.png) repeat-x;
            border-top: 1px solid #BBBBBB;
            border-right: 1px dashed #BBBBBB;
            border-bottom: 1px solid #000000;
        }
        
        .firebugRulerV {
            position: absolute;
            top: 0;
            left: -15px;
            width: 14px;
            height: 100%;
            background: url(chrome://firebug/skin/rulerV.png) repeat-y;
            border-left: 1px solid #BBBBBB;
            border-right: 1px solid #000000;
            border-bottom: 1px dashed #BBBBBB;
        }
        
        .overflowRulerX > .firebugRulerV {
            left: 0;
        }
        
        .overflowRulerY > .firebugRulerH {
            top: 0;
        }
        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
        .firebugLayoutBoxOffset {
            z-index: 2147483647;
            position: absolute;
            opacity: 0.8;
        }
        
        .firebugLayoutBoxMargin {
            background-color: #EDFF64;
        }
        
        .firebugLayoutBoxBorder {
            background-color: #666666;
        }
        
        .firebugLayoutBoxPadding {
            background-color: SlateBlue;
        }
        
        .firebugLayoutBoxContent {
            background-color: SkyBlue;
        }
        /*.firebugHighlightGroup .firebugLayoutBox {
         background-color: transparent;
         }
         
         .firebugHighlightBox {
         background-color: Blue !important;
         }*/
        .firebugLayoutLine {
            z-index: 2147483647;
            background-color: #000000;
            opacity: 0.4;
        }
        
        .firebugLayoutLineLeft, .firebugLayoutLineRight {
            position: fixed;
            width: 1px;
            height: 100%;
        }
        
        .firebugLayoutLineTop, .firebugLayoutLineBottom {
            position: absolute;
            width: 100%;
            height: 1px;
        }
        
        .firebugLayoutLineTop {
            margin-top: -1px;
            border-top: 1px solid #999999;
        }
        
        .firebugLayoutLineRight {
            border-right: 1px solid #999999;
        }
        
        .firebugLayoutLineBottom {
            border-bottom: 1px solid #999999;
        }
        
        .firebugLayoutLineLeft {
            margin-left: -1px;
            border-left: 1px solid #999999;
        }
    </style>
	
<!-- for timeline-->	
			
        <script type="text/javascript" src="http://www.google.com/jsapi">
        </script>    
        <script src="http://static.simile.mit.edu/timeline/api-2.0/timeline-api.js" type="text/javascript"></script>


        <script type="text/javascript" src="js/util.js">
        </script>
        <script type="text/javascript" src="js/login.js">
        </script>
		<link href="js/chaodai.js" type="application/json" rel="exhibit/data" />
		<script type="text/javascript" >
			/*
			function init33(){
				ning_items = {
					items: [{
						label: '天王 姬发(武王 )',
						type: '皇帝',
						presidency: '1',
						chaodai: '大周王朝之西周',
						birth: '-1134',
						death: '-1116',
						shoudu1: '镐京',
						shoudu2: '陕西西安',
						loc: '34.170000, 108.570000',
					}]
				}
				 exhibit._database._loadItem(ning_items,'');
			}
*/
var tl;


function onLoad() {
   var eventSource = new Timeline.DefaultEventSource();
   var bandInfos = [
     Timeline.createBandInfo({
         eventSource:    eventSource,
         date:           "Jun 28 1900 00:00:00 GMT",
         width:          "70%", 
         intervalUnit:   Timeline.DateTime.DECADE, 
         intervalPixels: 100
     }),
     Timeline.createBandInfo({
         eventSource:    eventSource,
         date:           "Jun 28 1900 00:00:00 GMT",
         width:          "30%", 
         intervalUnit:   Timeline.DateTime.CENTURY, 
         intervalPixels: 200,
		 overview: true
        
     })
   ];
   bandInfos[1].syncWith = 0;
   bandInfos[1].highlight = true;
//   bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());
   
   tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
//   Timeline.loadXML("example1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
	Timeline.loadXML("chaodai.xml", function(xml, url) { eventSource.loadXML(xml, url); });
 }
        var resizeTimerID = null;
        function onResize(){
            if (resizeTimerID == null) {
                resizeTimerID = window.setTimeout(function(){
                    resizeTimerID = null;
                    tl.layout();
                }, 500);
            }
        }
		
	   	</script>
		

    </head>
    <body onload="onLoad();" onresize="onResize();" bgcolor="#ffffff" vlink="#0000ff" link="#0000ff">
        <table align="center" border="0" cellpadding="0" cellspacing="0" width="95%">
            <tbody>
                <tr valign="top">
                    <td width="1%">
                        <img src="img/timestamp_logo.jpg" alt="TimeStamp" align="left" border="0" vspace="10" width="267" height="44">
                    </td>
                    <td bgcolor="#ffffff" valign="top" width="99%">
                        <table cellpadding="1" width="100%">
                            <tbody>
                                <tr valign="bottom">
                                    <td>
                                        <div align="right">
                                            &nbsp;
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td nowrap="nowrap">
                                        <table style="margin-bottom: 5px;" align="center" bgcolor="#c3d9ff" cellpadding="0" cellspacing="0" width="100%">
                                            <tbody>
                                                <tr>
                                                    <td class="bubble tl" align="left" valign="top">
                                                        <img src="img/corner_tl.gif" class="c" alt="">
                                                    </td>
                                                    <td class="bubble" rowspan="2" style="padding: 5px 0pt; font-family: arial; text-align: left; font-weight: bold;">
                                                        <b>Welcome to TimeStamp</b>
                                                    </td>
                                                    <td class="bubble tr" align="right" valign="top">
                                                        <img src="img/corner_tr.gif" class="c" alt="">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="bubble bl" align="left" valign="bottom">
                                                        <img src="img/corner_bl.gif" class="c" alt="">
                                                    </td>
                                                    <td class="bubble br" align="right" valign="bottom">
                                                        <img src="img/corner_br.gif" class="c" alt="">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
        <table align="center" cellpadding="5" cellspacing="1" width="94%">
            <tbody>
                <tr>
                    <td style="text-align: left;" valign="top">
                        <b>人生如旅途，你想看见自己的人生轨迹吗？<br>那就给自己的人生之路打上一个TimeStamp吧！ </b>
                    </td>
                    <td valign="top">
                        
                    </td>
                </tr>
                <tr>
                    <td valign="top" width="75%">
                        <p style="margin-bottom: 0pt; text-align: left;">
                            <font size="-1">
                                TimeStamp是一款结合Google Calendar为用户提供时间管理服务的Mashup软件，<br>只要您拥有一个Google帐号，您就可以：
                            </font>
                        </p>
                        <table border="0" cellpadding="0" cellspacing="0" width="90%">
                            <tbody>
                                <tr>
                                    <td class="feature-image">
                                        <img src="img/action.gif">
                                    </td>
                                    <td class="feature-description">
                                        <font size="-1">
										随时记录自己的生活点滴
                                        </font>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="feature-image">
                                        <img src="img/action.gif">
                                    </td>
                                    <td class="feature-description">
                                        <font size="-1">
                                        	拥有一张属于自己的大事年表 
                                        </font>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="feature-image">
                                        <img src="img/action.gif">
                                    </td>
                                    <td class="feature-description">
                                        <font size="-1">
                                        	与他人分享你的人生轨迹
                                        </font>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br>
                        <div id="highlight">

                        </div>
                    </td>
                    <td valign="top">
                        <!-- login box -->
                        <div id="login">
                           
                            <style type="text/css"> <!--
                            
                            div.errormsg {
                                color: red;
                                font-size: smaller;
                                font-family: arial, sans-serif;
                            }
                            
                            font.errormsg {
                                color: red;
                                font-size: smaller;
                                font-family: arial, sans-serif;
                            }
                            -->
                            </style>
                            <style type="text/css"> <!--
                            
                            .gaia.le.lbl {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: smaller;
                            }
                            
                            .gaia.le.fpwd {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: 70%;
                            }
                            
                            .gaia.le.chusr {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: 70%;
                            }
                            
                            .gaia.le.val {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: smaller;
                            }
                            
                            .gaia.le.button {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: smaller;
                            }
                            
                            .gaia.le.rem {
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: smaller;
                            }
                            
                            .gaia.captchahtml.desc {
                                font-family: arial, sans-serif;
                                font-size: smaller;
                            }
                            
                            .gaia.captchahtml.cmt {
                                font-family: arial, sans-serif;
                                font-size: smaller;
                                font-style: italic;
                            }
                            -->
                        </style>
                        <form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=mail" method="post" onsubmit="return(gaia_onLoginSubmit());">
                            <div id="gaia_loginbox" >

                            			
                                <table class="form-noindent" border="0" cellpadding="5" cellspacing="3" width="100%">
                                    <tbody>
                                        <tr>
                                            <td style="text-align: center;" bgcolor="#e8eefa" valign="top" nowrap="nowrap">
											
                                                <div class="loginBox">
                                                    <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="2" align="center">
                                                                	
<a href="javascript:login();" style='text-decoration:none' >
                                                                    <font size="-1" style='color:blue;text-decoration:underline;'>
                                                                        登录您的
                                                                    </font>
																	
                                                                    <table>
                                                                        <tbody>
                                                                            <tr>
                                                                                <td valign="top">
                                                                                    <img src="img/google_transparent.gif" alt="Google" style='border:0'>
                                                                                </td>
                                                                                <td valign="middle">
                                                                                    <font size="+0"  style='color:blue;'>
                                                                                        <b>Account</b>
                                                                                    </font>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
																	
																	
</a>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="2" align="center">
                                                                </td>
                                                            </tr>
                                                            
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
							
							
							
                     
                        </form>
                        <form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=mail" method="post" onsubmit="return(gaia_onLoginSubmit());">
                            <input name="continue" id="continue" value="https://mail.google.com/mail/?ui=html&amp;zy=l" type="hidden"><input name="service" id="service" value="mail" type="hidden"><input name="rm" id="rm" value="false" type="hidden"><input name="ltmpl" id="ltmpl" value="default" type="hidden"><input name="hl" id="hl" value="en" type="hidden"><input name="ltmpl" id="ltmpl" value="default" type="hidden"><input name="ss" id="ss" value="1" type="hidden"><input name="ltmpl" id="ltmpl" value="default" type="hidden"><input name="ltmplcache" id="ltmplcache" value="2" type="hidden">
                        </form>
                        </div><!-- end login box -->
                        <br>
                        <!-- links box (below login box) -->
                        <table class="form-noindent" id="links" bgcolor="#e8eefa" cellpadding="0" width="100%">
                            <tbody>
                                <tr bgcolor="#e8eefa">
                                    <td valign="top">
                                        <div style="margin: 10px 0pt;" align="center">
                                            <font size="+0">
                                                <b><a href="http://mail.google.com/mail/signup" style="white-space: nowrap;">注册Google Account</a></b>
                                                <br>
                                                <br>
                                                <font size="-1">
                                                    <a href="http://mail.google.com/support/bin/topic.py?topic=12774">关于Google Account</a>

                                                </font>
                                                <br>
                                            </font>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- end links box (below login box) -->
                    </td>
                </tr>
            </tbody>
        </table>
        <br>
       
	
	   

       <table style="margin-bottom: 5px;" align="center" width="95%">
           <tr>
               <td>
               		<div id="my-timeline" style="height: 250px; border: 1px solid #aaa"></div>
					
				
				
                   <!--div ex:role="view" ex:viewClass="Timeline" ex:label="Terms" ex:start=".birth" ex:end=".death" ex:bubbleWidth="320" ex:topBandPixelsPerUnit="50" ex:showSummary="false" ex:timelineHeight="200" ex:topBandUnit="decade" ex:bottomBandUnit="century" ex:selectCoordinator="president">
                   </div-->
               </td>
           </tr>
       </table>
	   	
	  
        

		 <table style="margin-bottom: 5px;" align="center" bgcolor="#c3d9ff" cellpadding="3" cellspacing="0" width="95%">
            <tbody>
                <tr>
                    <td class="bubble tl" align="left" valign="top">
                        <img src="img/corner_tl.gif" class="c" alt="">
                    </td>
                    <td class="bubble" rowspan="2" style="text-align: left;">
                        <div align="center">
                            <font color="#666666" size="-1">
                               TimeStamp 1.0 
                            </font>
                        </div>
                    </td>
                    <td class="bubble tr" align="right" valign="top">
                        <img src="img/corner_tr.gif" class="c" alt="">
                    </td>
                </tr>
                <tr>
                    <td class="bubble bl" align="left" valign="bottom">
                        <img src="img/corner_bl.gif" class="c" alt="">
                    </td>
                    <td class="bubble br" align="right" valign="bottom">
                        <img src="img/corner_br.gif" class="c" alt="">
                    </td>
                </tr>
            </tbody>
        </table>
		<div id = 'msg' style='display:none'></div>
    </body>
</html>
